var CongNo = {
    listKhachHang: null,
    DanhSachKhachHang: function(){
        $.get(QuanLyBanHangStatic.baseURL + 'KhachHang/DanhSachKhachHang', function(data){
            data = JSON.parse(data);
            CongNo.listKhachHang = data;
            CongNo.HienThiDSKhachHang(data);
        });
    },
    HienThiDSKhachHang: function(data){
        var container = $('#container');
        container.html('');
        var defaultRow = container.parent().find('.default-row');
        var size = data.length;
        if (size > 0){
            for (var i = 0; i < size; i++){
                var row = defaultRow.clone();
                row.removeClass('default-row');

                row.attr('data-text', data[i].id);
                row.find('.stt').html(i + 1);
                row.find('.congno').html(data[i].congno);
                row.find('.hoten').html(data[i].ten);
                row.find('.sodienthoai').html(data[i].sodienthoai);
                row.find('.diachi').html(data[i].diachi);

                row.appendTo(container).show();

            }
            container.parent().find('.tr-loading').hide();
        } else{
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Chưa có dữ liệu khách hàng');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            return;
        }
    },
    HienThiTatCa: function(){
        this.HienThiDSKhachHang(this.listKhachHang);
    },
    TimKhachHang: function(txt, e){
        if (e.keyCode == 13){
            txt = $(txt);

            var search = txt.val();

            var result = this.listKhachHang.filter(function(obj){
                var regex = new RegExp(search, 'i');
                return (obj.ten.search(regex) != -1 || obj.sodienthoai.search(regex) != -1);
            });

            this.HienThiDSKhachHang(result);

        }
    },
    TimKiemCongNo: function(){
        var txtThongTin = $('#txtThongTin');
        if (txtThongTin.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Nợ tối thiểu</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            txtThongTin.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            txtThongTin.focus();
            return;
        }

        var SoTien = txtThongTin.autoNumeric('get');
        var TimKiem = this.listKhachHang.filter(function(obj){
            return SoTien <= parseFloat(obj.congno);
        });

        this.HienThiDSKhachHang(TimKiem);
    },
    XemChiTiet: function(row){
        row = $(row);
        row.parent().find('.highlight').removeClass('highlight');
        row.addClass('highlight');
        var id = row.attr('data-text');


        QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng chờ...', 'fa-spin fa-refresh');
        QuanLyBanHangStatic.showMessageBox(false);

        $.get(QuanLyBanHangStatic.baseURL + 'KhachHang/ThongTinGiaoDich/' + id, function(data){
            data = JSON.parse(data);
            console.log(data);

            var lanmua = 0;
            var tonggiatri = 0;
            if (data){
                lanmua = data.SoGiaoDich;
                tonggiatri = data.TongGiaTri;
            }

            CongNo.NhapThongTinChiTiet(id, row.find('.hoten').html(), row.find('.congno').html(), lanmua, tonggiatri);

            QuanLyBanHangStatic.showMessageBox(true, 1);
        });
    },
    NhapThongTinChiTiet: function(id, ten, tongno, lanmuahang, tonggiatri){
        var container = $('#thongtinchitiet');
        container.find('.khachhang').html(ten);
        container.find('.tongno').html(QuanLyBanHangStatic.numberWithCommas(tongno) + ' đ');
        container.find('.tonggiatri').html(QuanLyBanHangStatic.numberWithCommas(tonggiatri) + ' đ');
        container.find('.solanmua').html(lanmuahang);
        $('#button-chitiet').attr('data-text', id).prop('disabled', false);

        container.effect('highlight', {color: '#ffd5ad'}, 600)
            .effect('highlight', {color: '#ffd5ad'}, 600);

        $('#txtKhachHang').html(ten);
        $('#txtCongNo').prop('disabled', false);
        $('#txtGhiChu').prop('disabled', false);
        $('#button-quyettoan').prop('disabled', false).attr('data-text', id);
    },
    XemChiTietGiaoDich: function(button){
        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();

        var id = button.attr('data-text');
        $.get(QuanLyBanHangStatic.baseURL + 'KhachHang/ChiTietGiaoDich/' + id, function(data){
            data = JSON.parse(data);
            console.log(data);

            CongNo.HienThiChiTietGiaoDich(data);

            button.prop('disabled', false);
            button.find('.fa-loading').hide();
        });
    },
    HienThiChiTietGiaoDich: function(data){
        var container = $('#container-chitiet');
        container.html('');
        var size = data.length;
        if (size > 0){
            var defaultRow = container.parent().find('.default-row');

            for (var i = 0; i < size; i++){
                var row = defaultRow.clone();
                row.removeClass('default-row');

                var str = '';
                if (parseFloat(data[i].sotien) > 0){
                    row.addClass('highlight');
                }
                else{
                }

                row.find('.stt').html(i + 1);
                row.find('.thoigian').html(data[i].thoigian);
                row.find('.sotien').html(QuanLyBanHangStatic.numberWithCommas(Math.abs(data[i].sotien)) + ' đ');
                row.find('.ghichu').html(data[i].ghichu);

                row.appendTo(container).show();
            }

        } else{
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Chưa có dữ liệu');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
        }
    },
    QuyetToanCongNo: function(button){
        var txtCongNo = $('#txtCongNo');
        if (txtCongNo.autoNumeric('get') == 0){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Số tiền</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            txtCongNo.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            txtCongNo.focus();
            return;
        }
        var txtGhiChu = $('#txtGhiChu');
        if (txtGhiChu.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Ghi chú</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            txtGhiChu.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            txtGhiChu.focus();
            return;
        }

        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();

        var id = button.attr('data-text');
        var sotien = txtCongNo.autoNumeric('get');
        var ghichu = txtGhiChu.val();
        $.post(QuanLyBanHangStatic.baseURL + 'KhachHang/QuyetToanCongNo', {id: id, sotien: sotien, ghichu: ghichu},function(){

            button.prop('disabled', false);
            button.find('.fa-loading').hide();
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Đã quyết toán xong');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
        });
    }
};